# Setup Gatsby Theme Blog

[Gatsby theme blog](https://www.gatsbyjs.com/plugins/gatsby-theme-blog/) is a great theme for adding blog functionality to your site.

This recipe:

---

Installs necessary NPM packages.

<NPMPackage name="gatsby-theme-blog" />
<NPMPackage name="gatsby-theme-blog-core" />

---

Installs the `gatsby-theme-blog` plugin in `gatsby-config.js` and makes use of the `basePath` configuration so the blog listing appears at `/blog`.

<GatsbyPlugin name="gatsby-theme-blog" options={{ basePath: `/blog` }} />

---

Adds a post.

<File
  path="content/posts/first-blog.md"
  content="https://gist.githubusercontent.com/laurieontech/dbd124e77f1fe96f18493f2e9c4ea62e/raw/03342f883c2cd1366dee47d257aa0dc598d1274c/hello-world-image.md"
/>

---

When you've finished installing the recipe, run `gatsby develop` and check out `http://localhost:8000/blog` for the list of posts.

Example content is available at `http://localhost:8000/blog/first-blog`.

---
